<template>
  <div class="baoquan" v-if="openCompany">
    <el-dialog :visible.sync="saveDialogVisible" width="1800px" top="66px">
      <div class="banner scrollBar">
        <div class="contain scrollBar">
          <!-- <img src="../assets/images/民主生活会.png" alt="" class="imgyi"> -->
          <div class="lz">
            <Icon class="lz" :title="openCompany.title"></Icon>
          </div>
          <div class="text scrollBar">
            <p>{{openCompany.content}}</p>
            <!-- <p>市委书记陈敏尔主持会议并讲话。中央督导组、中央纪委有关同志到会指导。市人大常委会、市政协党组主要负责同志列席会议。</p>
            <p>市委对召开这次民主生活会高度重视，精心组织，做了充分准备。会前，市委常委深入学习习近平新时代中国特色社会主义思想和党的十九大精神，集中学习习近平总书记在中央政治局民主生活会上的重要讲话，认真研读《习近平谈治国理政》《习近平新时代中国特色社会主义思想三十讲》等有关文件和书目，扎实开展贯彻落实总书记对重庆的重要讲话和重要指示批示精神“回头看”，深入开展谈心谈话，广泛征求意见建议，认真撰写对照检查材料，查摆突出问题，剖析思想根源，明确整改方向和整改措施，为开好民主生活会打下了坚实基础。</p>
            <p>会议通报了2017年度市委常委会民主生活会整改方案落实情况。陈敏尔代表市委常委班子作对照检查，并带头作个人对照检查发言，主动接受批评。市委副书记、市长唐良智，市委副书记任学锋和其他常委同志，逐一进行个人对照检查发言，严肃开展批评和自我批评。发言中，大家聚焦会议主题，紧扣思想政治、精神状态、工作作风等方面存在的问题，把自己摆进去、把职责摆进去、把工作摆进去，做到见人见事见思想，达到了预期目的。</p>
            <p>陈敏尔在总结讲话时说，这次民主生活会开得好、质量高，是一次很有意义的党内政治生活，是一次特殊难得的党性锻炼和思想洗礼。大家提高政治站位，以习近平总书记重要讲话精神为思想武装，对标对表中央政治局民主生活会，思想准备充分，自我画像精准，互相批评认真，整改措施务实，真正体现了“认真”二字，起到了相互教育、共同提高的效果。</p>
            <p>陈敏尔强调，市委常委会担负着落实党中央决策部署、推进重庆各项事业发展的重任，必须高标准高质量加强自身建设，打造坚定清醒有作为、团结廉洁有实绩的坚强领导集体，把忠诚干净担当体现在岗位上、落实到行动中，为全市各级领导班子和广大党员干部树好榜样、做好表率。</p>
            <div class="img">
              <img src="../assets/images/图片.png" alt />
            </div>
            <p>陈敏尔就深入学习贯彻习近平总书记重要讲话精神、进一步加强各级领导班子特别是市委常委会自身建设提出五点要求：</p>
            <p>一要带头践行“两个维护”，做对党忠诚的表率。“两个维护”是“四个意识”的集中体现。必须旗帜鲜明讲政治，把践行“两个维护”内化于心、外化于行，增强维护核心的坚定性，增强严守政治纪律和政治规矩的自觉性，坚决做到听党中央指挥、向总书记看齐。坚持破立并举，注重法德结合，深入开展“以案四说”警示教育，以滚石上山的劲头，全面彻底干净肃清孙政才恶劣影响和薄熙来、王立军流毒。</p>
            <p>二要带头深学笃用习近平新时代中国特色社会主义思想，做知行合一的表率。习近平新时代中国特色社会主义思想，是我们改造主观世界和客观世界的“源头活水”。大力弘扬马克思主义学风，坚持系统全面学、及时跟进学、联系实际学，着眼“学懂”抓深化，着眼“弄通”抓消化，着眼“做实”抓转化，真正做到学进去、讲出来、做起来。</p>
            <p>三要带头贯彻落实党中央决策部署，做敢于斗争、善于担当的表率。实践出真知，斗争长才干。发扬斗争精神，增强斗争本领，敢于同孙政才恶劣影响和薄熙来、王立军流毒作持续坚决斗争，同经济社会发展中的困难矛盾作坚决斗争，同影响社会安全稳定的风险挑战作坚决斗争，同各种腐败现象和不正之风作坚决斗争。善于担当作为，狠抓工作落实，带头干、带动干，不断开创重庆各项事业发展新局面。</p>
            <p>四要带头贯彻民主集中制，做团结共事的表率。牢固树立按民主集中制原则办事的观念，处理好民主与集中的关系、作决策与抓落实的关系、总揽全局与协调各方的关系，把民主素养作为一种领导能力来培养，把民主集中制的优势变成政治优势、组织优势、制度优势、工作优势，进一步巩固团结一心干事业、齐心协力谋发展的良好局面。</p>
            <p>五要带头加强作风建设，做正风肃纪的表率。模范执行中央八项规定精神，下大气力解决“四风”问题，坚决反对形式主义、官僚主义，管好家属子女和身边工作人员，保持清正廉洁的政治本色。切实担负起管党治党政治责任，党委（党组）书记要履行第一责任人责任，班子成员要落实“一岗双责”，推动全面从严治党向纵深发展。</p>-->
            <div class="line"></div>
            <div class="footer">
              <span class="accessory">附件</span>
              <div class="fuJian">
                <ul>
                  <li v-for="(item,index) in openCompany.attachList" :key="index">
                    <div class="a">
                      <div class="a1">
                        <img src="../assets/images/JPEG.png" alt />
                      </div>
                      <div class="a2">
                        <div class="a2-1">{{item.name}}</div>
                        <div class="a2-2">
                          <div class="a2-2-1">{{ (item.size / 1024 / 1024).toFixed(1) + "M" }}</div>
                          <div class="a2-2-2">
                            <span class="b">
                              <img src="../assets/images/preview.png" alt class="b-4" />
                            </span>
                            <span class="b-1">预览</span>
                            <span class="b-2"></span>
                            <span class="b-3" @click="downLoad(item.url)">
                              <img src="../assets/images/down.png" alt class="b-4" />
                            </span>
                            <span class="b-1">下载</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <!-- <li>
                    <div class="a">
                      <div class="a1">
                        <img src="../assets/images/JPG.png" alt />
                      </div>
                      <div class="a2">
                        <div class="a2-1">开发区.JPEG</div>
                        <div class="a2-2">
                          <div class="a2-2-1">1.02M</div>
                          <div class="a2-2-2">
                            <span class="b">
                              <img src="../assets/images/preview.png" alt class="b-4" />
                            </span>
                            <span class="b-1">预览</span>
                            <span class="b-2"></span>
                            <span class="b-3">
                              <img src="../assets/images/down.png" alt class="b-4" />
                            </span>
                            <span class="b-1">下载</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="a">
                      <div class="a1">
                        <img src="../assets/images/PNG.png" alt />
                      </div>
                      <div class="a2">
                        <div class="a2-1">开发区.JPEG</div>
                        <div class="a2-2">
                          <div class="a2-2-1">1.02M</div>
                          <div class="a2-2-2">
                            <span class="b">
                              <img src="../assets/images/preview.png" alt class="b-4" />
                            </span>
                            <span class="b-1">预览</span>
                            <span class="b-2"></span>
                            <span class="b-3">
                              <img src="../assets/images/down.png" alt class="b-4" />
                            </span>
                            <span class="b-1">下载</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="a">
                      <div class="a1">
                        <img src="../assets/images/PPT.png" alt />
                      </div>
                      <div class="a2">
                        <div class="a2-1">开发区.JPEG</div>
                        <div class="a2-2">
                          <div class="a2-2-1">1.02M</div>
                          <div class="a2-2-2">
                            <span class="b">
                              <img src="../assets/images/preview.png" alt class="b-4" />
                            </span>
                            <span class="b-1">预览</span>
                            <span class="b-2"></span>
                            <span class="b-3">
                              <img src="../assets/images/down.png" alt class="b-4" />
                            </span>
                            <span class="b-1">下载</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="a">
                      <div class="a1">
                        <img src="../assets/images/PDF.png" alt />
                      </div>
                      <div class="a2">
                        <div class="a2-1">开发区.JPEG</div>
                        <div class="a2-2">
                          <div class="a2-2-1">1.02M</div>
                          <div class="a2-2-2">
                            <span class="b">
                              <img src="../assets/images/preview.png" alt class="b-4" />
                            </span>
                            <span class="b-1">预览</span>
                            <span class="b-2"></span>
                            <span class="b-3">
                              <img src="../assets/images/down.png" alt class="b-4" />
                            </span>
                            <span class="b-1">下载</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="a">
                      <div class="a1">
                        <img src="../assets/images/MP4.png" alt />
                      </div>
                      <div class="a2">
                        <div class="a2-1">开发区.JPEG</div>
                        <div class="a2-2">
                          <div class="a2-2-1">1.02M</div>
                          <div class="a2-2-2">
                            <span class="b">
                              <img src="../assets/images/preview.png" alt class="b-4" />
                            </span>
                            <span class="b-1">预览</span>
                            <span class="b-2"></span>
                            <span class="b-3">
                              <img src="../assets/images/down.png" alt class="b-4" />
                            </span>
                            <span class="b-1">下载</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="a">
                      <div class="a1">
                        <img src="../assets/images/AVI.png" alt />
                      </div>
                      <div class="a2">
                        <div class="a2-1">开发区.JPEG</div>
                        <div class="a2-2">
                          <div class="a2-2-1">1.02M</div>
                          <div class="a2-2-2">
                            <span class="b">
                              <img src="../assets/images/preview.png" alt class="b-4" />
                            </span>
                            <span class="b-1">预览</span>
                            <span class="b-2"></span>
                            <span class="b-3">
                              <img src="../assets/images/down.png" alt class="b-4" />
                            </span>
                            <span class="b-1">下载</span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>-->
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import Icon from "../components/Icon.vue";
export default {
  props: ["openCompany"],

  components: {
    Icon,
  },
  data() {
    return {
      // title: "班子民主生活会材料",
      saveDialogVisible: false,
    };
  },
  methods: {
    downLoad(val) {
      this.baseUrl = this.$store.state.fileIp + val;

      window.open(this.baseUrl);
    },
    show() {
      this.saveDialogVisible = true;
      console.log(this.saveDialogVisible);
      console.log(this.openCompany);
    },
  },
};
</script>
<style lang="less" scoped>
.lz {
  transform: translate(0, -20%);
  z-index: 9999;
}
/deep/.el-dialog__header {
  background: url("../assets/images/FileDetails.png") #000080 !important;
  background-position: 10px !important;
  background-repeat: no-repeat !important;
  position: relative;
  padding: 81px 20px 10px 30px;
  box-sizing: border-box;
  width: 100%;
}
/deep/.el-dialog__body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
  background: url(../assets/images/bg.png);
  background-repeat: repeat !important;
  height: 800px !important;
}

.banner {
  width: 1761px;
  height: 850px !important;
  background: url("../assets/images/框1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat !important;
  position: absolute;
  top: 70px;
  display: flex;
  padding: 80px 20px 23px 20px;
  box-sizing: border-box;
}
/deep/.el-icon-close:before {
  content: "\e6db";
  position: absolute;
  left: -51px !important;
  top: -9px;
  color: #06ffff;
}
.contain {
  width: 1750px;
  height: 750px;
  background: url("../assets/images/档案详情2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.imgyi {
  position: absolute;
  top: 63px;
  left: 755px;
}
.text {
  width: 1670px;
  height: 650px;
  padding: 0px 25px;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 26px;
  overflow-y: auto;
}
.text p {
  text-indent: 2em;
}
.img {
  width: 1006px;
  height: 528px;
  padding: 21px 331px;
  box-sizing: border-box;
  margin-bottom: 61px;
}
.line {
  width: 1666px;
  height: 2px;
  background: rgba(10, 70, 242, 1);
  box-shadow: -2px 0px 6px 0px rgba(46, 83, 255, 0.6);
  margin-top: 32px;
}
.footer {
  width: 1665px;

  margin-top: 36px;
}
.accessory {
  display: inline-block;
  width: 44px;
  height: 30px;
  font-size: 22px;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: 30px;
}
.fuJian {
  width: 1665px;

  margin-top: 26px;
}
ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fuJian ul li {
  width: 541px;
  height: 112px;
  background: rgba(0, 9, 122, 0.3);
  box-shadow: 8px 8px 10px 0px rgba(46, 83, 255, 0.28);
  border-radius: 6px;
  border: 2px solid rgba(10, 70, 242, 1);
  margin-bottom: 20px;
}
.a {
  width: 498px;
  height: 70px;
  margin: 22px 0 0 22px;
  display: flex;
}
.a2 {
  margin-left: 8px;
}
.a2-1 {
  width: 100%;
  height: 34px;
}
.a2-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.a2-2-1 {
  width: 250px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 22px;
}
.b-1 {
  width: 43px;
  height: 23px;
  font-size: 20px;
  font-weight: 400;
  color: rgba(6, 255, 255, 1);
  line-height: 23px;
}
.b-4 {
  margin-right: 6px;
}
.b-2 {
  display: inline-block;
  width: 2px;
  height: 18px;
  background: rgba(6, 255, 255, 1);
  margin: 0 20px;
}
</style>